*{
    padding: 0;
    margin: 0;
}

html,body{
    width: 100%;
    height: 100%;
}

.out{
    background-color: rgb(238,238,238);
    width: 100%;
    height: 100%;
    border: 1px solid ;
    position: absolute
}

.form{
    width:340px;
    height: 277px;
    background-color: white;
    text-align: center;
    margin: 0 auto; /*水平居中*/
    position: relative;
    top: 50%; /*偏移*/
    transform: translateY(-50%);
    border-radius: 3px;
}
.task{
    /*font-size: 10px;*/
    height: 69px;
    line-height: 50px;
    text-align: center;
    padding-top: 10px;
}
.name{
    width: 230px;
    height: 35px;
    border: 1px solid white;
    outline: none;
}
.password{
    width: 230px;
    border: 1px solid white;
    height: 35px;
    outline: none;
}
.check{
    margin-left: 0;
}
.button{
    background-color: #1890ff;
    line-height: 29px;
    text-align: center;
    width: 271px;
    height: 29px;
    border: 0;
    margin-bottom: 5px;
    color: white;
    margin-top: 15px;
    margin-left: 0px;
    border-radius: 2px;
}
.sure{
    width: 100%;
    display: flex;
    margin-left: 37px;
    align-items: center;
    margin-top: 18px;
}
.form_1,.form_2{
    border: 1px solid #eeecec;
    margin-left: 27px;
    margin-right: 27px;
    line-height: 35px;
}
.form_2{
    margin-top: 15px;
}
